@mixin flex-align($vertical: center, $horizontal: center) {
  display: flex;
  align-items: $vertical;
  justify-content: $horizontal;
}

@mixin flex-xy-center {
  @include flex-align();
}

@mixin text-overflow($text-overflow: ellipsis) {
  text-overflow: $text-overflow;
  white-space: nowrap;
  overflow: hidden;
}

@mixin text-ellipsis() {
  @include text-overflow();
}
